.MSG {
	.maskView {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		background-color: rgba(0, 0, 0, 0.4);
	}

	.contentView {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1001;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		animation: myfirst 0.3s;

		// #keybordb {
		//     width: 100%;
		//     height: 30px;
		// }
		.messagebox {
			width: 100%;
			background: #fff;

			.messageBoxHeader {
				width: 100%;
				height: 1.2rem;
				line-height: 1.2rem;
				text-align: center;
				position: relative;
				font-size: 0.36rem;
				border-bottom: 1px solid #ccc;

				.close {
					width: 1.2rem;
					height: 1.2rem;
					position: absolute;
					right: 0rem;
					top: 0;
					background: url(../../images/imageXHB/codeMsg/icon_close.png) 0.5rem
						center no-repeat;
					background-size: 0.34rem 0.34rem;
				}
			}

			.msg_con {
				padding: 0 0.3rem;
				overflow: hidden;

				.subtitle {
					display: flex;
					justify-content: left;
					align-items: center;
					height: 1rem;
					font-size: 0.28rem;
				}

				.messageBoxContent {
					overflow: hidden;
					width: 100%;
					display: flex;
					flex-direction: row;

					.item {
						border: 1px solid #dadada;
						overflow: hidden;

						.inp {
							width: 100%;
							height: 50px;
							padding-left: 15px;
							border: none;
						}
					}

					.item_left {
						width: 55%;
						height: 50px;
					}

					.item_right {
						width: 45%;
						height: 50px;
						margin-left: 0.1rem;
					}
				}

				.messageBoxFooter {
					margin: 15px 0 40px 0;
					border-radius: 0.5rem;
					.icon_status_0 {
						width: 0.5rem;
						height: 0.5rem;
						background: url(../../images/imageXHB/codeMsg/icon_loading.gif)
							center no-repeat;
						background-size: 0.3rem 0.3rem;
						margin-right: 10px;
					}

					.icon_status_1 {
						width: 0.5rem;
						height: 0.5rem;
						background: url(../../images/imageXHB/codeMsg/icon_success.png)
							center no-repeat;
						background-size: 0.5rem 0.5rem;
						margin-right: 10px;
					}
				}

				.grayButtStyle {
					width: 100%;
					height: 0.8rem;
					background-color: #cbcbcb;
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 18px;
					color: #fff;
				}

				.blueButtStyle {
					width: 100%;
					height: 0.8rem;
					background: #40b15d;
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 18px;
					color: #fff;
				}
			}
		}
	}
}

@keyframes myfirst {
	0% {
		top: 2rem;
	}

	100% {
		top: 0;
	}
}
